<style>
	.floor-layout .floor-content-goods {height: 426px;}
	.floor-layout .floor-content-goods .floor-middle {height: 426px;border-right:1px solid #eee;}
	.floor-layout .floor-content-goods .floor-middle .floor-banner {height: 426px;}
	.floor-layout .floor-content-goods .floor-middle .floor-banner ul {height: 426px;}
	.floor-layout .floor-content-goods .floor-middle .floor-banner ul li {height: 426px;line-height: 0px;}
	.floor-layout .floor-content-goods .floor-middle .floor-banner ul li a{display: block;text-align: center;height: 300px;width: 100%;line-height: 290px;}
	.goods-list-padding-block{padding:11px 0 12px 0;width:100%;margin:0px auto;position: relative;}
	.goods-list-padding-block .goods_img{height:177px;text-align:center;}
	.goods-list-padding-block .goods_img img{max-height:100%;max-width:100%;}
	.goods-list-padding-block .goods_name{line-height: 20px;color: #a02b2b;text-align:center;padding: 5px 10px;font-size:20px;height: 42px;width: 90%;margin:0 auto;display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/-webkit-line-clamp: 2; /** 显示的行数 **/overflow: hidden;  /** 隐藏超出的内容 **/}
	.goods-list-padding-block .goods_price{text-align:left;padding: 5px 10px 5px 35px;color:#a02b2b;width: 90%;margin:0 auto;font-size:20px;}
	.bland-list li {border-bottom:1px solid #eee;width:49.5%;float:left;height:106px;text-align:center;}
	.bland-list li a {height:106px;line-height:106px;}
	.bland-list li a img{display: inline-block !important;vertical-align: middle !important;max-width: 100% !important;max-height: 100% !important;height: auto !important;}
	.bland-list li:nth-child(odd){border-right:1px solid #eee;border-left:1px solid #eee;}
	.bland-list li:nth-child(7),.bland-list li:nth-child(8){border-bottom:none;}
	.goods-list-ul{overflow:hidden;}
	.goods-list-ul li{background-color: #ffffff;margin-bottom: 16px;margin-right: 28px;width: 279px;float:left;text-align: center;border-left: 1px solid #eee;border-bottom: 1px solid #eee;}
	.goods-list-ul li:nth-of-type(4n+4){margin-right: 0px !important;}
	.goods-block{float:left;overflow:hidden;width: 100%}
	.goodslist{border-left: 1px solid #eee;}
	.li-hover:hover{color:#0d84d4;}
	.category-block-h2{font-size:17px;}
	.ad-title{height:50px;line-height:70px;font-size:16px;text-align:center;}
	.ad-subtitle{height:50px;line-height:20px;font-size:13px;text-align:center;}
	.floor-layout .floor-content-goods{height:auto;}
	.floor-layout .floor-content{height:auto;}
	.recommend{position: absolute;z-index: 10;top:-10px;left: 10px;width: 40px;}
	.goods_itemstar{text-align: left;padding-left: 35px;}
	.goods_itemstar i{display: inline-block;width: 15px;height: 15px;}
	.goods_itemstar .gold{background: url(/template/shop/blue/public/images/star1.png);background-size: 100%;}
	.goods_itemstar .silver{background: url(/template/shop/blue/public/images/star2.png);background-size: 100%;}
	.goods_add{font-size: 0;text-align: left;padding-left: 35px;}
	.goods_add button{outline: none;border: none;height: 30px;padding: 0;cursor: pointer;vertical-align: bottom;}
	.goods_add .addcar{width: 122px;background-color: #a02b2b;font-size: 14px;color: #ffffff;}
	.goods_add .addcar:hover{background: #000000;color: #ffffff;}
	.goods_add .compare{width: 30px;background: #d9d9d9 url(/template/shop/blue/public/images/compare.png) no-repeat center;}
	.goods_add .addcollection{width: 30px;background: #d9d9d9 url(/template/shop/blue/public/images/addcollection.png) no-repeat center;}
	.goods_add .addcollection.active{width: 30px;background: #d9d9d9 url(/template/shop/blue/public/images/addcollection_active.png) no-repeat center;}
	.floor-list:first-of-type{background: red;}
	.floor-con hr{border:0;border-bottom:5px solid #e5e5e5;-webkit-margin-before: 0.5em; -webkit-margin-after: 0em;}
	.newgoods .floor-con{background: #ffffff;}
	.newgoods .goods-list-ul li{background: none;}
	.newgoods .goodslist:first-of-type{width: 526px !important;height: 688px !important;border-radius: 10px;border: solid 1px #e60012 !important;}
	.newgoods .goodslist:first-of-type .goods_img{height: 359px;margin-top: 10px;margin-bottom: 26px;}
	.newgoods .goodslist:first-of-type .goods_name{height: 64px;}
	.newgoods .goodslist:first-of-type .goods_price{margin: 20px 0 10px 0;}
	.newgoods .goodslist:first-of-type .goods_name,
	.newgoods .goodslist:first-of-type .goods_price{font-size: 30px;line-height: 30px;}
	.newgoods .goodslist:first-of-type .goods_itemstar,
	.newgoods .goodslist:first-of-type .goods_add,
	.newgoods .goodslist:first-of-type .goods_price{padding-left: 78px;}
	.newgoods .goodslist:first-of-type .goods_itemstar i{width: 28px;height: 28px;}
	.newgoods .goodslist:first-of-type .goods_add button{height: 44px;}
	.newgoods .goodslist:first-of-type .goods_add .addcar{width: 204px;font-size: 22px;}
	.newgoods .goodslist:first-of-type .goods_add .compare,
	.newgoods .goodslist:first-of-type .goods_add .addcollection{width: 40px;}
	.selectgoods .floor-con{background: #ffffff;}
	.selectgoods .floor-con hr{display: none;}
	.selectgoods .goodslist{width: 302px !important;margin-right: 0px;border: none !important;position: relative;}
	.selectgoods .goodslist::after{position: absolute;top: 5%;right: 0px;content: '';height: 90%;width: 4px;background: #e5e5e5;}
	.selectgoods .goodslist:nth-of-type(4n+1)::before{position: absolute;top: 0;left: 0;content: '';width: 400%;border-top: 5px solid #e5e5e5;z-index: 1;}
	.selectgoods .goodslist:nth-of-type(4n+4)::after,
	.selectgoods .goodslist:last-of-type::after{display: none;}
	.selectgoods .goodslist:nth-of-type(9),
	.selectgoods .goodslist:nth-of-type(10){width: 605px !important;height: 234px;padding-top: 34px;background: #f6f6f6;box-sizing: border-box;}
	.selectgoods .goodslist:nth-of-type(9) .goods-list-padding-block,
	.selectgoods .goodslist:nth-of-type(10) .goods-list-padding-block{width: 531px;height: 165px;background: #ffffff url(/template/shop/blue/public/images/item_bg.png) no-repeat 12px 8px;background-size: 58px 58px;box-sizing: border-box;padding: 2px 0 4px;}
	.selectgoods .goodslist:nth-of-type(9)::after,
	.selectgoods .goodslist:nth-of-type(10)::after,
	.selectgoods .goodslist:nth-of-type(9)::before,
	.selectgoods .goodslist:nth-of-type(10)::before{display: none;}
	.selectgoods .goodslist:nth-of-type(9) .goods_img,
	.selectgoods .goodslist:nth-of-type(10) .goods_img{float: left;height: 100%;margin-left: 88px;}
	.selectgoods .goodslist:nth-of-type(9) .goods_name,
	.selectgoods .goodslist:nth-of-type(10) .goods_name{margin-top: 7px;}
	.selectgoods .goodslist:nth-of-type(9) .goods_name,
	.selectgoods .goodslist:nth-of-type(9) .goods_itemstar,
	.selectgoods .goodslist:nth-of-type(9) .goods_price,
	.selectgoods .goodslist:nth-of-type(9) .goods_add,
	.selectgoods .goodslist:nth-of-type(10) .goods_name,
	.selectgoods .goodslist:nth-of-type(10) .goods_itemstar,
	.selectgoods .goodslist:nth-of-type(10) .goods_price,
	.selectgoods .goodslist:nth-of-type(10) .goods_add{display: inline-block;width: 50%;text-align: left;padding-left: 10px;padding-right: 5px;}
	.selectgoods .goodslist:nth-of-type(n+11){width: 274px !important;height: 349px;border-radius: 5px;border: solid 2px #eeeeee !important;margin-right: 32px;}
	.selectgoods .goodslist:nth-of-type(n+11)::after,
	.selectgoods .goodslist:nth-of-type(n+11)::before{display: none;}
	</style>
	<!-- 首页楼层开始 -->
	<script>
	//移入事件
	function hoverGoodsList(obj,id){
		var parend_obj = $(obj).parent().parent().parent().parent();
		parend_obj.find(".goods-list-ul").hide();
		parend_obj.find(".goods-list-ul-"+id).show();
	}
	//移除事件
	function levelGoodsList(obj){
		$(obj).find(".goods-list-ul").hide();
		$(obj).find(".goods-list-ul-index").show();
	} 
	</script>
	{volist name="block_list" id="vo"}
	{if condition ="!empty($vo['goods_list'])"}
	<!-- 新品：newgoods -->
	<div class="w1210 floor-list selectgoods" onmouseleave ="levelGoodsList(this)">
		<div class="floor">
			<div class="floor-layout">
				<div class="floor-con floor-con5">
					<!-- 楼层顶部内容开始 -->
					<div class="floor-title">
						<!--推荐名称-->
						<h2 class="category-block-h2" style="{if $vo['color'] == '#ffffff'}border-left:5px solid #0689e1;{else}border-left:5px solid {$vo['color']};{/if}height:29px;line-height:29px;">
							<a href=javascript:;" target="_blank" >{$vo['category_alias']}</a>
							<input type="hidden" class="NS-SHORT-NAME" value="{if !empty($vo['short_name'])}{$vo['short_name']}{elseif !empty($vo['category_alias'])}{php} echo mb_substr($vo['category_alias'],0,4,'utf-8'); {/php}{else}{php} echo mb_substr($vo['category_name'],0,4,'utf-8'); {/php}{/if}"/>
						</h2>
						<!--推荐类型-->
						<!-- <ul class="floor-tabs-nav" style="width:82%;overflow:hidden;">
							<li style="float:right;">
								
								<h3 style="padding:0 10px;">
									<a href="{:__URL('SHOP_MAIN/goods/goodslist','category_id='.$vo['category_id'])}">{:lang('floor_more')}</a>
								</h3>
								
							</li>
							{if condition="!empty($vo['child_category'])"}
								{volist name="vo['child_category']" id="v"}
									{if condition="!empty($v['goods_list'])"}
									<li class="floor-tabs-selected li-hover" style="float:right;" onmouseenter ="hoverGoodsList(this,{$v['category_id']});"><a href="{:__URL('SHOP_MAIN/goods/goodslist','category_id='.$v['category_id'])}"><h3 style="padding:0 10px;">{$v['category_name']}</h3></a></li>
									{/if}
								{/volist}
							{/if}
						</ul> -->
					</div>
					<!-- 楼层顶部内容结束 -->
					<hr />
					<!-- 楼层main -->
					
					<div class="floor-content floor-content-goods" style="border:none;">
					<!-- 楼层左侧广告位开始 -->
					<!-- {if condition = "$vo['ad_picture'] neq ''"}
						<div class="floor-middle" style="width: 20%;float:left;">
							<div class="floor-banner" style="width:100%;">
									<ul class="hiSlider">
										<li class="hiSlider-item" style="width:100%;">
											<a href="{$vo['ad_list']['url']}" target="_blank">
												<img class="lazy" src="{:__IMG($vo['ad_list']['picture'])}">
											</a>
											<div style="height:100px;color:#fff;font-size:15px;{if $vo['ad_list']['background'] == '#ffffff'}background:#0689e1;{else}background:{$vo['ad_list']['background']};{/if}"><p  class="ad-title">{$vo['ad_list']['title']}</p><p class="ad-subtitle">{$vo['ad_list']['subtitle']}</p></div>
										</li>
									</ul>
							</div>
						</div>
					{/if} -->
						<!-- 左侧广告位结束 -->
						<!--中间商品图开始 -->
						<div class="floor-tabs-panel goods-block" style="margin-right:-1px;">
							<ul class="goods-list-ul goods-list-ul-index">
							{foreach $vo['goods_list'] as $k=>$v}
							{if condition="$k < $vo['goods_num']"}
								{if condition="$k == (count($vo['goods_list'])-1) && ($k+1) != $vo['goods_num'] && ($k+1) != ($vo['goods_num']/2)"}
									
										<li class="goodslist" style="width:279px;border-right: 1px solid #eee;{if condition='($k+1) eq 1  or ($k+1) eq ($vo.goods_num/2+1)'}border-left:none;{/if}{if condition='($k+1) > ($vo.goods_num/2)'}border-bottom:none;{/if}">
									
								{else/}
										<li class="goodslist" style="width:279px; {if condition='($k+1) eq 1  or ($k+1) eq ($vo.goods_num/2+1)'}border-left:none;{/if}{if condition='($k+1) > ($vo.goods_num/2)'}border-bottom:none;{/if}">
								{/if}
								<div class="goods-list-padding-block">
									<a href="{:__URL('SHOP_MAIN/goods/goodsinfo','goodsid='.$v['goods_id'])}" target="_blank">
										<div class="goods_img"><img src="{:__IMG($default_goods_img)}" class="lazy_load" data-original="{:__IMG($v['pic_cover_mid'])}" /></div>
									</a>
									<a href="{:__URL('SHOP_MAIN/goods/goodsinfo','goodsid='.$v['goods_id'])}" target="_blank">
										<div class="goods_name">{$v['goods_name']}</div>
									</a>
									<div class="goods_itemstar">
										<i class="gold"></i>
										<i class="gold"></i>
										<i class="gold"></i>
										<i class="silver"></i>
										<i class="silver"></i>
									</div>
									{in name="$v.point_exchange_type" value="0,2"}
										<div class="goods_price">¥{$v['promotion_price']}</div>
									{else/}
										{if $v['point_exchange_type'] == 1 && $v['promotion_price'] > 0}
											<div>￥{$v.promotion_price}+{$v.point_exchange}积分</div>
										{else/}
											<div>{$v.point_exchange}积分</div>
										{/if}
									{/in}
									<div class="goods_add">
										<button class="addcar">加入购物车</button>
										<button class="compare"></button>
										<button class="addcollection"></button>
									</div>
									<!-- 左上角图标 -->
									<!-- {if condition="$v['is_hot'] eq 1"}
										<img src="__TEMP__/{$style}/public/images/hot.png" alt="" class="recommend">
									{/if}
									{if condition="$v['is_recommend'] eq 1"}
										<img src="__TEMP__/{$style}/public/images/recommend.png" alt="" class="recommend">
									{/if}
									{if condition="$v['is_new'] eq 1"}
										<img src="__TEMP__/{$style}/public/images/new.png" alt="" class="recommend">
									{/if} -->
								</div>
									<!-- <a href="{:__URL('SHOP_MAIN/goods/goodsinfo','goodsid='.$v['goods_id'])}" target="_blank">
										<div class="goods-list-padding-block">
											<div><img src="{:__IMG($default_goods_img)}" class="lazy_load" data-original="{:__IMG($v['pic_cover_mid'])}" /></div>
											<div>{$v['goods_name']}</div>
											{in name="$v.point_exchange_type" value="0,2"}
												<div>¥{$v['promotion_price']}</div>
											{else/}
												{if $v['point_exchange_type'] == 1 && $v['promotion_price'] > 0}
													<div>￥{$v.promotion_price}+{$v.point_exchange}积分</div>
												{else/}
													<div>{$v.point_exchange}积分</div>
												{/if}
											{/in}
											{if condition="$v['is_hot'] eq 1"}
												<img src="__TEMP__/{$style}/public/images/hot.png" alt="" class="recommend">
											{/if}
											{if condition="$v['is_recommend'] eq 1"}
												<img src="__TEMP__/{$style}/public/images/recommend.png" alt="" class="recommend">
											{/if}
											{if condition="$v['is_new'] eq 1"}
												<img src="__TEMP__/{$style}/public/images/new.png" alt="" class="recommend">
											{/if}
										</div>
									</a> -->
								</li>
								
							{/if}
							{/foreach}
							</ul>
							
							{if condition="!empty($vo['child_category'])"}
								{volist name="vo['child_category']" id="goods" }
									{if condition="!empty($goods['goods_list'])"}
									<ul class="goods-list-ul goods-list-ul-{$goods['category_id']}" style="display:none;margin-left: -1px;">
										{foreach $goods['goods_list'] as $ck=>$list}
											{if condition="$ck lt $vo['goods_num']"}
												{if condition="$ck == (count($goods['goods_list'])-1) && ($ck+1) != $vo['goods_num'] && ($ck+1) != ($vo['goods_num']/2)"}
												<li class="goodslist" style="width:{$vo['goods_block_width']}%;border-right: 1px solid #eee;{if condition='($ck+1) eq 1  or ($ck+1) eq ($vo.goods_num/2+1)'}border-left:none;{/if}{if condition='($ck+1) > ($vo.goods_num/2)'}border-bottom:none;{/if}">
												{else/}
												<li class="goodslist" style="width:{$vo['goods_block_width']}%;{if condition='($ck+1) eq 1  or ($ck+1) eq ($vo.goods_num/2+1)'}border-left:none;{/if}{if condition='($ck+1) > ($vo.goods_num/2)'}border-bottom:none;{/if}">
												{/if}
													<a href="{:__URL('SHOP_MAIN/goods/goodsinfo','goodsid='.$list['goods_id'])}" target="_blank">
														<div class="goods-list-padding-block">
															<div><img src="{:__IMG($default_goods_img)}" class="lazy_load" data-original="{:__IMG($list['pic_cover_mid'])}" /></div>
															<div>{$list['goods_name']}</div>
															{in name="$list.point_exchange_type" value="0,2"}
																<div>¥{$list['promotion_price']}</div>
															{else/}
																{if $list['point_exchange_type'] == 1 && $list['promotion_price'] > 0}
																	<div>￥{$list.promotion_price}+{$list.point_exchange}积分</div>
																{else/}
																	<div>{$list.point_exchange}积分</div>
																{/if}
															{/in}
															{if condition="$list['is_hot'] eq 1"}
															<img src="__TEMP__/{$style}/public/images/hot.png" alt="" class="recommend">
															{/if}
															{if condition="$list['is_recommend'] eq 1"}
															<img src="__TEMP__/{$style}/public/images/recommend.png" alt="" class="recommend">
															{/if}
															{if condition="$list['is_new'] eq 1"}
																<img src="__TEMP__/{$style}/public/images/new.png" alt="" class="recommend">
															{/if}
														</div>
													</a>
												</li>
											{/if}
										{/foreach}
									</ul>
									{/if}
								{/volist}
							{/if}
						</div>
						
						<!-- 中间商品图结束 -->
						<!-- 右侧商品品牌 -->
					<!-- {if condition="!empty($vo['brand_list'])  and $vo['is_show_brand'] eq 1"}
						<div class="floor-tabs-panel" style="width:20%;height:426px;float:left;">
							<ul  class="bland-list" style="height:426px;">
							{volist name="vo['brand_list']" id="brandlist" key<8}
								<li>
									<a href="{:__URL('SHOP_MAIN/goods/goodslist','brand_id='.$brandlist['brand_id'])}">
										<img src="{:__IMG($default_goods_img)}" class="lazy_load" data-original="{$brandlist['brand_pic']}" style="max-width:100%;max-height:100%;vertical-align: middle;" title="{$brandlist['brand_name']}"/>
									</a>
								</li>
							{/volist}
							</ul>
						</div>
					{/if} -->
					<!-- 右侧商品品牌 -->
					</div>
				<!-- 楼层main -->
				</div>
			</div>
		</div>
	</div>
	{/if}
	{/volist}